<template name="skeleton">
  <view class="sk-container">
    <view is="layouts/default" class="data-v-eee19282 data-v-eee19282">
      <view is="components/hope-nav-bar" class="data-v-eee19282 data-v-eee19282">
        <view class="nav-bar bar--nav-bar data-v-7a5710da bar--data-v-7a5710da" style="padding-top:54px">
          <image
            class="nav-bar-icon bar--nav-bar-icon data-v-7a5710da bar--data-v-7a5710da sk-image"
            mode="scaleToFill"
          />
          <text
            class="nav-bar-title bar--nav-bar-title bar--text-lg bar--text-white bar--font-medium data-v-7a5710da bar--data-v-7a5710da sk-transparent sk-text-25-0000-900 sk-text text-lg text-white font-medium"
            style="line-height:40px"
          >
            动态详情
          </text>
        </view>
      </view>
      <scroll-view
        scroll-y="true" class="dynamic-scroll dynamic-scroll data-v-eee19282 data-v-eee19282"
        style="height:838px"
      >
        <view class="dynamic-detail-content dynamic-detail-content data-v-eee19282 data-v-eee19282">
          <view is="node-modules/@dcloudio/uni-ui/lib/uni-title/uni-title" class="data-v-eee19282 data-v-eee19282">
            <view class="uni-title__box title--uni-title__box" style="align-items:flex-start">
              <text
                class="uni-title__base title--uni-title__base uni-h3 title--uni-h3 sk-transparent sk-text-14-2857-551 sk-text"
                style="color:#333333"
              >
                绿色出行新风貌，城市因你而美丽
              </text>
            </view>
          </view>
          <text
            class="dynamic-detail-info data-v-eee19282 sk-transparent sk-text-14-2857-964 sk-text"
          >
            2024-10-01T00:00:00 -
            lian
          </text>
          <view class="dynamic-detail-imgs dynamic-detail-imgs data-v-eee19282 data-v-eee19282">
            <image class="dynamic-detail-imgs-item data-v-eee19282 sk-image" mode="aspectFit" />
          </view>
          <view class="dynamic-detail-text data-v-eee19282 sk-transparent sk-text-17-8571-395 sk-text">
            今天在街头看到越来越多的人选择骑自行车出行，公共交通上也满是为环保贡献力量的市民。“绿色出行” 公共交通改善计划正在让我们的城市焕发出新的活力，一起为绿色未来加油！
          </view>
          <view class="dynamic-like dynamic-like data-v-eee19282 data-v-eee19282">
            <image class="dynamic-like-icon data-v-eee19282 sk-image" mode="scaleToFill" />
            <text
              class="dynamic-like-count data-v-eee19282 sk-transparent sk-text-14-2857-460 sk-text"
              style="background-position-x: 50%;"
            >
              30
            </text>
          </view>
        </view>
        <view class="dynamic-comment dynamic-comment data-v-eee19282 data-v-eee19282">
          <view class="dynamic-comment-input dynamic-comment-input data-v-eee19282 data-v-eee19282">
            <view
              class="dynamic-comment-textarea data-v-eee19282 sk-image" confirm-type="send" placeholder="文明交流"
              value="true"
            />
            <image class="dynamic-comment-input-send data-v-eee19282 sk-image" mode="scaleToFill" />
          </view>
          <view class="dynamic-comment-list dynamic-comment-list data-v-eee19282 data-v-eee19282">
            <view class="dynamic-comment-list-item dynamic-comment-list-item data-v-eee19282 data-v-eee19282">
              <image class="avatar data-v-eee19282 sk-image" mode="aspectFit" />
              <view class="comment comment data-v-eee19282 data-v-eee19282">
                <text class="comment-username data-v-eee19282 sk-transparent sk-text-14-2857-400 sk-text">
                  爱钱
                </text>
                <text
                  class="comment-text data-v-eee19282 sk-transparent sk-text-14-2857-74 sk-text"
                >
                  绿色出行不仅对环境有益，还能让我们的生活更加健康。看到大家积极响应，真的很开心，希望这种新风貌能一直持续下去。
                </text>
                <text
                  class="comment-create-time data-v-eee19282 sk-transparent sk-text-14-2857-917 sk-text"
                >
                  2024-10-01T00:00:00
                </text>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<style scoped>
.sk-transparent {
  color: transparent !important;
}

.sk-text-25-0000-900 {
  background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
  background-size: 100% 69.7674rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-551 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-964 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 34.1860rpx;
  position: relative !important;
}

.sk-text-17-8571-395 {
  background-image: linear-gradient(transparent 17.8571%, #EEEEEE 0%, #EEEEEE 82.1429%, transparent 0%) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-460 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 34.1860rpx;
  position: relative !important;
}

.sk-text-14-2857-400 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-74 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}

.sk-text-14-2857-917 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 34.1860rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
